<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<script src="../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header id="header"></header>
		<section id="section">
			<div class="col-lg-12 text-center" style="height: 100px;">
				<p style="font-size: 12px;">我的账户</p>
				<h3 style="font-weight: bold;">登录</h3>
			</div>
			<div class="col-lg-12">
				<div class="" style="background-color: rgb(246,246,246);height: 380px;margin-left:-10px;width:50%;margin-top: 10px;">
					<p class="text-center" style="margin-top: 10px;">GIVENCHY家族成员</p>
					<p class="text-center" style="color: gray;">如果您已经是Givenchy家族成员，请输入您的详细信息。</p>
					<div class="form-group" style="margin-top: 30px;">
						<input type="text" placeholder="电子邮箱地址*" class="form-control" style="border: 1px solid rgb(246,246,246);background-color: rgb(246,246,246);height: 50px;"> 
						<hr style="width:920px;margin-top: 5px;size:grey;">
					</div>
					<div class="form-group" style="margin-top: 30px;">
						<input type="text" placeholder="密码*" class="form-control" style="border: 1px solid rgb(246,246,246);background-color: rgb(246,246,246);height: 50px;"> 
						<hr style="width:920px;margin-top: 5px;size:grey;">
					</div>
					<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 60px;background-color: #000000;margin-top: 20px;margin-left: 250px;">
						<input type="submit" name="" value="登录" style="background-color: black;border: black;color: white;"/>
					</div>
					<div class="col-lg-5 " style="margin-top: 10px; margin-left: 240px;">
						<input type="checkbox" name="">记住我
						<a href="#" style="font-size: 16px;color: gray;font-weight: lighter;margin-left: 210px;">忘记密码?</a>
					</div>	
				</div>
				<div class="" style="background-color: rgb(246,246,246);height: 420px;width: width:45%;margin-left: 950px;margin-top: -380px;">
					<p class="text-center" style="">新会员</p>
					<p class="text-center" style="color: gray;">从网站创建个人专门帐户即可成为Givenchy家族的成员。</p>
					<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 35px;background-color: #000000;margin-top: -240px;margin-left: 290px;padding: 10px;">
						<a href="register.html" style="color: white;">创建账户</a>
					</div>
					<div class="col-lg-6 col-lg-offset-3">
						<p class="text-center" style="margin-top: -140px;font-size: 12px;font-weight: bold;">权益</p>
						<p class="text-center" style="font-size: 12px;">心愿单</p>
						<p class="text-center" style="font-size: 12px;color: gray;">创建心愿单，与至亲好友或店内顾问分享您心仪的商品</p>
						<p class="text-center" style="font-size: 12px;">定制</p>
						<p class="text-center" style="font-size: 12px;color: gray;">获得关于定制商品和独家内容的建议</p>
						<p class="text-center" style="font-size: 12px;">偏好设置</p>
						<p class="text-center" style="font-size: 12px;color: gray;">管理电子报订阅偏好设定</p>
						<p class="text-center" style="font-size: 12px;">个人信息</p>
						<p class="text-center" style="font-size: 12px;color: gray;">更新您的个人信息</p>
					</div>
				</div>
			</div>
			<div class="col-lg-12" style="margin-top: 100px;">
				<p class="text-center" style="font-weight: bold;font-size: 12px;">需要我们帮助？</p>
				<div style="border-top: 1px solid lightgray;">
					<div class="col-lg-4 col-lg-offset-1">
						<p class="text-center" style="font-weight: bold;font-size: 12px;">顾客服务</p>
						<p class="text-center" style="font-size: 12px;color: gray;">我们的顾问团队可于每周周一至周六，巴黎时间早上10点到晚上7点(北京时间下午5点到次日凌晨2点)以英语或法语为您提供协助。</p>
					</div>
					<div style="height: 50px;width: 1px;border: 1px solid lightgray;margin-left: 930px;margin-top: 10px;"></div>
					<div class="col-lg-4 col-lg-offset-2 text-center">
						<img src="../images/邮箱.png" height="40" style="margin-top: -60px;">
					</div>
				</div>
			</div>
		</section>
		<fooder id="footer"></fooder>
	</body>
</html>
